<template>
    <div class="agreement">
        <div class="item" v-for="(item, index) in agreement" :key="index">
            <span>{{ item }}</span>
            <span>></span>
        </div>
    </div>
</template>
<script>
import agreement from "@/common/agreement"
export default {
    name: "Agreement",
    data() {
        return {
            agreement,
        }
    },
    methods: {

    }
}
</script>
<style lang="scss" scoped>
.agreement {
    padding: 10px;
    background-color: #f7f7f7;
    min-height: 100vh;

    .item {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        padding: 0 10px;
        background-color: white;
    }
}
</style>